{% extends "admin/base_site.html" %}

<!-- LOADING -->
{% load i18n adminmedia fb_tags %}

<!-- STYLESHEETS -->
{% block stylesheets %}
    {{ block.super }}
    <link rel="stylesheet" type="text/css" href="{% admin_media_prefix %}css/forms.css" />
    <link rel="stylesheet" type="text/css" href="{{ settings_var.URL_FILEBROWSER_MEDIA }}css/filebrowser.css" />
    <link rel="stylesheet" type="text/css" href="{{ settings_var.URL_FILEBROWSER_MEDIA }}uploadify/uploadify.css" />
{% endblock %}

<!-- JAVASCRIPTS -->
{% block javascripts %}
    {{ block.super }}
    <script type="text/javascript" src="../../jsi18n/"></script>
    <script type="text/javascript" src="{{ settings_var.URL_FILEBROWSER_MEDIA }}uploadify/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="{{ settings_var.URL_FILEBROWSER_MEDIA }}uploadify/swfobject.js"></script>
    <script type="text/javascript" src="{{ settings_var.URL_FILEBROWSER_MEDIA }}uploadify/jquery.uploadify.v2.1.4.min.js"></script>
    <script type="text/javascript">
    (function($){
        $(document).ready(function() {
            $("div#content .collapse").grp_collapsible({
                on_init: function(elem, options) {
                    // open collapse (and all collapse parents) in case of errors
                    if (elem.find("ul.errorlist").length > 0) {
                        elem.removeClass("closed")
                            .addClass("open");
                        elem.parents(".collapse")
                            .removeClass("closed")
                            .addClass("open");
                    }
                }
            });
        });
    })(django.jQuery);
    (function($){
        $(document).ready(function() {
            $('#id_file').uploadify({
                'uploader'          : '{{ settings_var.URL_FILEBROWSER_MEDIA }}uploadify/uploadify.swf',
                'script'            : '{% url fb_do_upload %}',
                'scriptData'        : {'session_key': '{{session_key}}'},
                'checkScript'       : '{% url fb_check %}',
                'cancelImg'         : '{{ settings_var.URL_FILEBROWSER_MEDIA }}uploadify/cancel.png',
                'buttonImg'         : '{{ settings_var.URL_FILEBROWSER_MEDIA }}uploadify/button.png',
                'auto'              : false,
                'folder'            : '{{ query.dir|escapejs }}',
                'multi'             : true,
                'fileDesc'          : '{% for extension in settings_var.EXTENSIONS.items %}{% for item in extension.1 %}*{{ item|safe }};{% endfor %}{% endfor %}',
                'fileExt'           : '{% for extension in settings_var.EXTENSIONS.items %}{% for item in extension.1 %}*{{ item|safe }};{% endfor %}{% endfor %}',
                'sizeLimit'         : {{ settings_var.MAX_UPLOAD_SIZE }},
                'scriptAccess'      : 'sameDomain',
                'queueSizeLimit'    : 50,
                'simUploadLimit'    : 1,
                'width'             : 120,
                'height'            : 30,
                'hideButton'        : true,
                'wmode'             : 'transparent',
                translations        : {
                                      browseButton: '{% trans "BROWSE" %}',
                                      error: '{% trans "An Error occured" %}',
                                      completed: '{% trans "Completed" %}',
                                      replaceFile: '{% trans "Do you want to replace the file" %}',
                                      unitKb: '{% trans "KB" %}',
                                      unitMb: '{% trans "MB" %}'
                }
            });
            $('input:submit').click(function(evt){
                $('#id_file').uploadifyUpload();
                return false;
            });
            $('a.cancel-link').click(function(evt){
                $('#id_file').uploadifyClearQueue();
                return false;
            });
        });
    })(jQuery.noConflict());
    </script>
{% endblock %}

<!-- COLTYPE/BODYCLASS -->
{% block bodyclass %}change-form filebrowser{% if query.pop %} popup{% endif %}{% endblock %}
{% block content-class %}content-flexible{% endblock %}

<!-- BREADCRUMBS -->
{% block breadcrumbs %}{% include "filebrowser/include/breadcrumbs.html" %}{% endblock %}

<!-- CONTENT -->
{% block content %}
<div class="container-flexible">
    <div class="form-container">
        <form>
            <fieldset class="module aligned">
                <div class="row">
                    <input type="File" id="id_file" />
                </div>
            </fieldset>
            <fieldset class="module collapse closed">
                <h2 class="collapse-handler">{% trans "Help" %}</h2>
                <div class="row">
                    {% for extension in settings_var.EXTENSIONS.items %}
                        {% ifnotequal extension.0 'Folder' %}
                            <div class="column span-4"><label class="required">{% if forloop.first %}{% trans "Allowed" %}:{% else %}&nbsp;{% endif %}</label></div>
                            <div class="column span-12 last"><p>{{ extension.0|safe }} ({{ extension.1|join:", "|safe }})</p></div><br clear="all" />
                        {% endifnotequal %}
                    {% endfor %}
                </div>
                <div class="row">
                    <div class="column span-4"><label class="required">{% trans "Max. Filesize" %}:</label></div>
                    <div class="column span-12 last"><p>{{ settings_var.MAX_UPLOAD_SIZE|filesizeformat }}</p></div><br clear="all" />
                </div>
                {% if settings_var.CONVERT_FILENAME %}
                    <div class="row">
                        <div class="column span-16 last"><p>
                            {% trans "The Name will be converted to lowercase. Spaces will be replaced with underscores." %}
                        </p></div><br clear="all" />
                    </div>
                {% endif %}
            </fieldset>
            <div class="module footer">
                <ul class="submit-row">
                    <li class="left cancel-link-container"><a class="cancel-link" href="javascript://">{% trans "Clear Queue" %}</a></li>
                    <li class="submit-button-container"><input class="default" type="submit" name="_save" value='{% trans "Upload" %}' /></li>
                </ul>
            </div>
        </form>
    </div>
</div>
{% endblock %}
